<!DOCTYPE html>

<!-- $Id: index.html 82 2012-03-22 07:24:43Z azbitnev@gmail.com $ -->

<html lang="ru">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>

<link href="../../css/basics.css" rel="stylesheet" type="text/css"/>
<link href="../../css/960c12.css" rel="stylesheet" type="text/css"/>
<link href="../../css/style.css" rel="stylesheet" type="text/css"/>
<!--[if lt IE 10]><link href="../../css/ie.css" rel="stylesheet" type="text/css"/><![endif]-->

<script type="text/javascript" charset="utf-8" src="../../jquery/1.7.1.js"></script> 

<title>jquery.ajp.zippy - example</title>

<link href="../../source/css/release/jquery.ajp.css" rel="stylesheet" type="text/css"/>
<link href="../../source/css/release/theme/jquery.ajp.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" charset="utf-8" src="../../source/release/jquery.ajp.js"></script> 

<style>

body { margin: 1em; font-size: 12px; }

</style>

<script>

$(document).ready(function () {

	$('.ajp-zippy-collapsed').ajp$zippy({
		duration: 'slow',
		easing: 'ajp-easing'
	})
})

</script>

</head>

<body>

<div class="container_12">
	<div class="grid_12">

	<a class="ajp-zippy-collapsed">Lorem ipsum dolor sit amet</a>
	<div class="ajp-zippy-content"><div>
		<p>Lorem ipsum dolor sit amet, modus integre an vim, at vitae audiam has. Mea et posse tibique interpretaris. Summo audiam te quo. Dicta nemore quaeque duo cu, vis iisque tincidunt eu. An vel quis accusata ocurreret.</p>
		<p>Sit scribentur conclusionemque te. Graece explicari cum an, his et habeo splendide. Ad quo omnium adipiscing constituam. Te soleat pertinax periculis ius, qui autem eligendi ea.</p>
		<p>Eam graeci posidonium no, ad sit iudico dolores, eos ex mazim lobortis. Eu quo viderer integre eleifend. Eu vis doctus feugait minimum. His ea possim denique appetere, mazim deleniti dissentiunt cum in. Ea per alia fabellas, stet probo has cu.</p>
	</div></div>

	<a class="ajp-zippy-collapsed">Tollit expetenda pertinacia pro ea</a>
	<div class="ajp-zippy-content"><div>
		<p>Tollit expetenda pertinacia pro ea. Ea gubergren constituto est, ex nonumy omnesque suavitate his. Copiosae suavitate has ut, et porro fuisset cum. Noster scaevola quaestio ne ius. No vix verterem tincidunt suscipiantur, at denique appareat pri.</p>
		<p>Cu cum brute option instructior, te pri ornatus perfecto, pro ex debet aeque possit. Ut odio pericula nam, tantas animal usu ne. Debet feugiat legimus his id. An eam liber delectus, maiorum mentitum atomorum id has, ius detraxit expetendis ei.</p>
		<p>Aliquip scaevola mea ei. Eos zril primis ea, mea ne vero scripta eleifend. Eum et natum probatus constituto. Pri denique pericula eu, vix te altera fabulas suscipit. Ad alia postea pro, vel in augue intellegebat. Ea saperet pertinacia eos, ut pro vero lorem.</p>
	</div></div>

	<a class="ajp-zippy-collapsed">Est illud doctus moderatius an</a>
	<div class="ajp-zippy-content"><div>
		<p>Est illud doctus moderatius an, mel ex dicam patrioque assentior. Ius eu numquam torquatos. Minim fuisset persecuti ut per, ne nonumy laudem sed. Choro pericula abhorreant no cum. Nisl maiestatis pri eu. Ridens everti repudiare an mei, vix latine patrioque repudiandae ea.</p>
		<p>Per ut meliore veritus gloriatur, eam iuvaret contentiones consectetuer eu. Debet copiosae et sea. Mel fabulas corpora maiestatis no. Ea mei delectus contentiones. No sit quem iusto dolore, sed an eius choro nullam.</p>
	</div></div>

	</div>
</div>

</body>

</html>

